import React from "react";
import './css/collect.css'
import { LeftOutline, DeleteOutline } from 'antd-mobile-icons'
import { useNavigate, Outlet } from 'react-router-dom'
import { Tabs, Switch, Card } from 'antd-mobile'

const collect = () => {
    let navigate = useNavigate()

    return (
        <>
            <div className="collect_div">
                <div className="collect_top_div">
                    <div>
                        <LeftOutline className="collect_left_icon" fontSize={20} onClick={() => navigate('/chen/layout/my')} />
                        <p>我的收藏</p>
                    </div>
                </div>
                <div className="collect_content_div">
                    <div className="collect_div1">
                        <Card className="collect_Card_div1">
                            <div className="collect_Card_div1_div">
                                <img src="../../img/9.jpg" alt="" />
                                <div >
                                    <p>纯天然大自然的苹果人工科学...</p>
                                    <div className="collect_span_div">
                                        <span className="collect_Card_div_sapn1">￥20.00</span>
                                        <span className="collect_Card_div_sapn2">已售10kg</span>
                                        <button className="collect_Card_div_btn">取消收藏</button>
                                    </div>
                                </div>
                            </div>
                        </Card>
                    </div>

                    <div className="collect_div1">
                        <Card className="collect_Card_div1">
                            <div className="collect_Card_div1_div">
                                <img src="../../img/9.jpg" alt="" />
                                <div >
                                    <p>纯天然大自然的苹果人工科学...</p>
                                    <div className="collect_span_div">
                                        <span className="collect_Card_div_sapn1">￥20.00</span>
                                        <span className="collect_Card_div_sapn2">已售10kg</span>
                                        <button className="collect_Card_div_btn">取消收藏</button>
                                    </div>
                                </div>
                            </div>
                        </Card>
                    </div>
                </div>
            </div>
        </>
    )
}
export default collect